<template>
    <div>
        <Card :bordered="false" dis-hover class="ivu-mt">
            <Tabs v-model="currentTab" value="name1" :animated="false">
                <TabPane label="皮肤科" name="sikn"></TabPane>
                <TabPane label="植发" name="tooth"></TabPane>
                <TabPane label="牙科" name="disease"></TabPane>
            </Tabs>
            <sikn v-if="currentTab === 'sikn'" />
            <tooth v-if="currentTab === 'tooth'" />
            <disease  v-if="currentTab === 'disease'" />
        </Card>
    </div>
</template>

<script>
import sikn from './sikn';
import tooth from './tooth';
import disease from './disease';
export default {
    name: 'desease',
    components: {
        sikn,
        tooth,
        disease
    },
    data() {
        return {
            currentTab: 'sikn'
        };
    }
};
</script>

<style scoped>
</style>
